<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <title>店铺管理 | 佣金统计</title>
  <!-- 告诉浏览器该页面是自适应布局 -->
  <meta content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no" name="viewport">
  <!-- Bootstrap 3.3.6 -->
  <link rel="stylesheet" href="../../bootstrap/css/bootstrap.min.css">
   <!-- Font Awesome -->
  <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.5.0/css/font-awesome.min.css">
  <!-- daterange picker -->
  <link rel="stylesheet" href="../../plugins/daterangepicker/daterangepicker.css">
  <link rel="stylesheet" type="text/css" href="../../plugins/pagination/pagination.css">
  <link rel="stylesheet" href="../../dist/css/AdminLTE.min.css">
  <link rel="stylesheet" href="../../dist/css/layout.css">
</head>
<body class="hold-transition sidebar-mini">
<div class="wrapper" style="background: #ecf0f5">
  <section class="content-header ">
      <h1>店铺管理 <small>佣金统计</small></h1>
    </section>
    <!-- Main content -->
    <section class="content ">
      <div class="box">
        <div class="box-header">
          <h3 class="box-title">查询</h3>
          <div class="box-tools"><button type="button" class="btn btn-primary btn-sm" id="checkBtn">查询</button></div>
        </div>
        <div class="box-body">
          <div class="row">
            <div class="col-sm-2 col-xs-6">
             <div class="input-group ">
                <div class="input-group-addon">
                  <i class="glyphicon glyphicon-tags"></i>
                </div>
                <input type="text" class="form-control pull-right" placeholder="交易订单号查询" id="checkOrder">
              </div>
            </div>
            <div class="col-sm-2 col-xs-6">
             <div class="input-group ">
                <div class="input-group-addon">
                  <i class="glyphicon glyphicon-tags"></i>
                </div>
                <input type="text" class="form-control pull-right" placeholder="商户查询" id="commercial">
              </div>
            </div>
            <div class="col-sm-2 col-xs-6">
              <div class="input-group date ">
                <div class="input-group-addon">
                  <i class="fa fa-calendar"></i>
                </div>
                <input type="text" class="form-control pull-right" id="datepicker" placeholder="交易时间查询">
              </div>
            </div>
            <div class="col-sm-2 col-xs-6">
              <div class="input-group">
                <div class="input-group-addon">
                  <i class="glyphicon glyphicon-object-align-bottom"></i>
                </div>
                <select class="form-control pull-right" id="commercialType">
                    <option value="0">全部</option>
                    <option value="1">非本商户</option>
                  </select>
              </div>
            </div>
            <div class="col-sm-2 col-xs-6">
              <button type="button" class="btn" id="allMoney"><i class="fa fa-line-chart text-green" style="padding-right: 10px;"></i><span>查看汇总</span></button>
            </div>
            <div class="col-sm-2 col-xs-6">
              <button type="button" class="btn" id="allMoney2"><i class="fa fa-line-chart text-green" style="padding-right: 10px;"></i><span>查看外在佣金</span></button>
            </div>
          </div>
        </div>
      </div>
      <div class="row">
        <div class="col-sm-12">
          <div class="nav-tabs-custom">
            <ul class="nav nav-tabs pull-right">
              <li id="ititle" class="pull-left header"><i class="glyphicon glyphicon-list"></i>跟单佣金</li>
            </ul>
            <div class="tab-content">
              <div class="tab-pane active">
                <table class="table table-bordered table-striped table-hover dataTable">
                  <thead>
                      <tr role="row">
                        <th>序号</th>
                        <th>方案号</th>
                        <th>中奖金额</th>
                        <th>我的佣金</th>
                        <th>发单人佣金</th>
                        <th>发单商户</th>
                        <th>时间</th>
                      </tr>
                  </thead>
                  <tbody id="tableCon1"> </tbody>
                </table>
              </div>
              <div class="tab-pane ">
                <table class="table table-bordered table-striped table-hover dataTable">
                  <thead>
                      <tr role="row">
                        <th>序号</th>
                        <th>方案数</th>
                        <th>我的佣金</th>
                        <th>代还佣金</th>
                        <th>发单商户</th>
                      </tr>
                  </thead>
                  <tbody id="tableCon2"></tbody>
                </table>
              </div>
              <div class="tab-pane ">
                <table class="table table-bordered table-striped table-hover dataTable">
                  <thead>
                      <tr role="row">
                        <th>序号</th>
                        <th>方案数</th>
                        <th>外在佣金</th>
                        <th>跟单商户</th>
                      </tr>
                  </thead>
                  <tbody id="tableCon3"></tbody>
                </table>
              </div>
              <div class="m-style M-box3"></div>
            </div>
            <!-- /.tab-content -->

          </div>
        </div>
      </div>
        
    </section>
    <!-- /.content -->
</div>
<!-- ./wrapper -->
</div>
<!-- jQuery 2.2.3 -->
<script src="../../plugins/jQuery/jquery-2.2.3.min.js"></script>
<script src="../../plugins/jQueryUI/jquery-ui.min.js"></script>
<script src="../../bootstrap/js/bootstrap.min.js"></script>
<script src="../../dist/js/layout.js"></script>
<!-- date-range-picker -->
<script src="../../plugins/daterangepicker/moment.min.js"></script>
<script src="../../plugins/daterangepicker/daterangepicker.js"></script>
<script src="../../plugins/pagination/jquery.pagination.js"></script>
<script type="text/javascript" src="/dist/js/StoreBooks/commissionData.js"></script>
</body>
</html>
